<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="robots" content="index, all" />
    <title>必应地图</title>
    <link rel="stylesheet" href="../node_modules/ol/ol.css" type="text/css">
</head>

<body>
    <div id="map" class="map" style="width:100%;height:400px;"></div>
    <select id="layer-select">
        <option value="Aerial">Aerial</option>
        <option value="AerialWithLabelsOnDemand" selected>Aerial with labels</option>
        <option value="RoadOnDemand">Road</option>
        <option value="CanvasDark">Road dark</option>
        <option value="OrdnanceSurvey">Ordnance Survey</option>
      </select>
</body>

</html>